<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta name="description" content="刘清政">
  <meta name="keyword" content="hexo-theme">
  
    <link rel="shortcut icon" href="/css/images/logo.png">
  
  <title>
    
      Justin-刘清政的博客
    
  </title>
  <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="//cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">
  <link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/tomorrow.min.css" rel="stylesheet">
  
<link rel="stylesheet" href="/css/style.css">

  
    
<link rel="stylesheet" href="/css/plugins/gitment.css">

  
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/geopattern/1.2.3/js/geopattern.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.js"></script>
  
    
<script src="/js/qrious.js"></script>

  
  
    
<script src="/js/gitment.js"></script>

  
  

  
<meta name="generator" content="Hexo 4.2.0"></head>
<div class="wechat-share">
  <img src="/css/images/logo.png" />
</div>

  <body>
    <header class="header fixed-header">
  <div class="header-container">
    <a class="home-link" href="/">
      <div class="logo"></div>
      <span>Justin-刘清政的博客</span>
    </a>
    <ul class="right-list">
      
        <li class="list-item">
          
            <a href="/" class="item-link active">主页</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/tags/" class="item-link">标签</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/archives/" class="item-link">归档</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/about/" class="item-link">关于我</a>
          
        </li>
      
    </ul>
    <div class="menu">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </div>
    <div class="menu-mask">
      <ul class="menu-list">
        
          <li class="menu-item">
            
              <a href="/" class="menu-link mobile-active">主页</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/tags/" class="menu-link">标签</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/archives/" class="menu-link">归档</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/about/" class="menu-link">关于我</a>
            
          </li>
        
      </ul>
    </div>
  </div>
</header>

    <main class="app-body">
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/vue/2-Vue%E5%9F%BA%E7%A1%80/">vue/2-Vue基础</a>
      </h2>
      <p class="article-date">2020年12月13日</p>
      
      <div class="article-summary">
        
          Vue介绍一 模板语法1.1 插值1.1.1 概述1234567891 文本 &#123;&#123;&#125;&#125;2 纯html3 表达式注意：直接把Vue对象赋值给变量，修改变量值，可以直接修改页面内容	-vm.$data.name	-vm.name



1.1.2 案例12 ...
        
      </div>
      <a class="more" href="/vue/2-Vue%E5%9F%BA%E7%A1%80/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/vue/8-Vue%E7%AC%AC%E4%B8%89%E6%96%B9%E6%A1%86%E6%9E%B6%E4%B9%8BElementUi/">python/vue/8-Vue第三方框架之ElementUi</a>
      </h2>
      <p class="article-date">2020年12月13日</p>
      
      <div class="article-summary">
        
          热门组件库1 使用第三方插件https://github.com/vuejs/awesome-vue#components--libraries
集合了来自社区贡献的数以千计的插件和库。
2 使用第三方UI框架饿了么UED团队推出的vue 前端框架：
PC框架：(element UI ， i ...
        
      </div>
      <a class="more" href="/python/vue/8-Vue%E7%AC%AC%E4%B8%89%E6%96%B9%E6%A1%86%E6%9E%B6%E4%B9%8BElementUi/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/vue/4-Vue%E7%BB%84%E4%BB%B6/">python/vue/4-Vue组件</a>
      </h2>
      <p class="article-date">2020年12月13日</p>
      
      <div class="article-summary">
        
          组件1 fetch和axiosaxios与fetch实现数据请求
(1)fetch（不是所有浏览器都支持，谷歌浏览器支持）XMLHttpRequest 是一个设计粗糙的 API，配置和调用方式非常混乱，而且基于事件的异步模型写起来不友好。  兼容性不好polyfill:    https:/ ...
        
      </div>
      <a class="more" href="/python/vue/4-Vue%E7%BB%84%E4%BB%B6/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/8-JavaScript%E5%9F%BA%E7%A1%80/">python/前端/8-JavaScript基础</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1、JavaScript是什么JavaScript（下文我们会用简称JS来代替）是脚本编程语言，JS语言开发的文件是以.js为后缀，通过在html文件中引入该js文件来控制html代码的交互功能以及前台数据处理的业务逻辑（js语言代码也可以直接写在html文件中），采用的ECMAScript ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/8-JavaScript%E5%9F%BA%E7%A1%80/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/5-CSS3%E5%9F%BA%E7%A1%80%E6%A0%B7%E5%BC%8F/">python/前端/5-CSS3基础样式</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1、宽和高width属性可以为元素设置宽度。
height属性可以为元素设置高度。
块级标签才能设置宽度，内联标签的宽度由内容来决定(行内标签无法设置宽度，设置了也不会生效)。
案例12345678910111213141516171819202122232425&lt;!DOCTYPE h ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/5-CSS3%E5%9F%BA%E7%A1%80%E6%A0%B7%E5%BC%8F/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/2-HTML5%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE/">python/前端/2-HTML5常用标签</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1、HTML文档结构12345678910&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;css样式优先级&lt;/title&gt; ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/2-HTML5%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/11-JavaScript%E5%86%85%E7%BD%AE%E6%96%B9%E6%B3%95/">python/前端/11-JavaScript内置方法</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1、Number1-1 属性
MAX_VALUE JS可以表示的最大的数字
MIN_VALUE JS可以表示的最小的数字

1-2 方法
toFixed(length) 指定保留长度的小数
toExponential() 用科学计数法表示
toPrecision(length) 要求数字按照 ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/11-JavaScript%E5%86%85%E7%BD%AE%E6%96%B9%E6%B3%95/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/17-JQuery%E6%93%8D%E4%BD%9CDOM/">python/前端/17-JQuery操作DOM</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1 内部插入1234append(content|fn)		向每个匹配的元素内部追加内容appendTo(content)		把所有匹配的元素追加到另一个指定的元素元素集合中prepend(content|fn)		向每个匹配的元素内部前置内容prependTo(content)		把所有匹 ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/17-JQuery%E6%93%8D%E4%BD%9CDOM/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/14-JQuery%E5%9F%BA%E7%A1%80/">python/前端/14-JQuery基础</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1. 了解jQuery1.1 什么是jQuery
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库
jQuery极大的简化了JavaScript 编程

1.2 什么事JS类库
它就是一些函数的集合，就是把特定效果的代码写好，你只需要在用的时候要用很少的代码去调用。 ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/14-JQuery%E5%9F%BA%E7%A1%80/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/19-JQuery%E6%8F%92%E4%BB%B6/">python/前端/19-JQuery插件</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1 jQuery 插件的网站
http://plugins.jquery.com/ 官网
http://www.jq22.com/ jQuery插件库
http://www.htmleaf.com/ jQuery 之家
http://www.jq-school.co m jQuery-sch ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/19-JQuery%E6%8F%92%E4%BB%B6/">详情...</a>
    </article>
  

  
    <div class="guide-pager">
  
    <a href="/page/8/"><span class="page-arrow">← </span>Prev</a>
  
  
    <a href="/page/10/">Next<span class="page-arrow"> →</span></a>
  
</div>
  
</main>


    <div class="scroll-top">
  <span class="arrow-icon"></span>
</div>
    <footer class="app-footer">
<!-- 不蒜子统计 -->
<span id="busuanzi_container_site_pv">
     本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>
<span class="post-meta-divider">|</span>
<span id="busuanzi_container_site_uv" style='display:none'>
     本站访客数<span id="busuanzi_value_site_uv"></span>人
</span>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>



  <p class="copyright">
    &copy; 2021 | Proudly powered by <a href="https://www.cnblogs.com/xiaoyuanqujing" target="_blank">小猿取经</a>
    <br>
    Theme by <a href="https://www.cnblogs.com/xiaoyuanqujing" target="_blank" rel="noopener">小猿取经</a>
  </p>
</footer>

<script>
  function async(u, c) {
    var d = document, t = 'script',
      o = d.createElement(t),
      s = d.getElementsByTagName(t)[0];
    o.src = u;
    if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
    s.parentNode.insertBefore(o, s);
  }
</script>
<script>
  async("//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js", function(){
    FastClick.attach(document.body);
  })
</script>

<script>
  var hasLine = 'true';
  async("//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js", function(){
    $('figure pre').each(function(i, block) {
      var figure = $(this).parents('figure');
      if (hasLine === 'false') {
        figure.find('.gutter').hide();
      }
      var lang = figure.attr('class').split(' ')[1] || 'code';
      var codeHtml = $(this).html();
      var codeTag = document.createElement('code');
      codeTag.className = lang;
      codeTag.innerHTML = codeHtml;
      $(this).attr('class', '').empty().html(codeTag);
      figure.attr('data-lang', lang.toUpperCase());
      hljs.highlightBlock(block);
    });
  })
</script>





<!-- Baidu Tongji -->

<script>
    var _baId = 'c5fd96eee1193585be191f318c3fa725';
    // Originial
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?" + _baId;
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
</script>


<script src="/js/script.js"></script>


<script src="/js/search.js"></script>


<script src="/js/load.js"></script>



  <span class="local-search local-search-google local-search-plugin" style="right: 50px;top: 70px;;position:absolute;z-index:2;">
      <input type="search" placeholder="站内搜索" id="local-search-input" class="local-search-input-cls" style="">
      <div id="local-search-result" class="local-search-result-cls"></div>
  </span>


  </body>
</html>